<template>
  <el-group-title
    title="发货清单"
    class="ccui-group-wrapper d_jump"
    index="contract"
  >
    <template slot="groupTitle">
      <el-table
        :data="tableData"
        border
        max-height="99999"
        class="ccui-form-child-table"
        ref="materialList"
      >
        <el-table-column
          v-for="(item, i) in tableColumnSendOutList"
          :label="item.label"
          :type="item.type"
          :prop="item.prop"
          :width="item.width"
          :align="item.align"
          :fixed="item.fixed"
          :key="i"
          :show-overflow-tooltip="true"
        >
          <template v-for="(items, index) in item.children">
            <el-table-column
              :key="index"
              :prop="items.prop"
              :label="items.label"
            />
          </template>
        </el-table-column>
      </el-table>
    </template>
  </el-group-title>
</template>

<script>
export default {
  name: "sendOutList",
  data() {
    return {
      tableData: [],
      tableColumnSendOutList: [
        {
          type: "index",
          label: "序号"
        },
        {
          label: "设备物资编码",
          prop: "materialsUniteCode"
        },
        {
          label: "设备物资名称",
          prop: "materialsCode"
        },
        {
          label: "设备物资说明",
          prop: "materialsName"
        }
      ]
    };
  }
};
</script>

<style scoped></style>
